/* 移动布局 */
.fx-f,
.fx-f-ac,
.fx-f-ajc {
	display: flex
}

.fx-f-ac,
.fx-f-ajc {
	align-items: center
}

.fx-f-ajc {
	justify-content: center
}

.fx-f-cols {
	justify-content: center
}

.fx-f-jsb {
	justify-content: space-between
}

.fx-f-acc {
	align-content: center
}

.fx-f-1 {
	flex: 1
}

.fx-f-r {
	justify-content: flex-end
}

.fx-a-e {
	align-items: flex-end;
}

.fx-a-c {
	align-items: center;
}

.fx-f-column {
	flex-direction: column
}

.fx-f-w {
	flex-wrap: wrap
}

.fx-f-rf {
	flex-flow: row wrap;
	align-content: flex-start
}

.fx-f-box-5 {
	flex: 0 0 5%
}

.fx-f-box-10 {
	flex: 0 0 10%
}

.fx-f-box-15 {
	flex: 0 0 15%
}

.fx-f-box-18 {
	flex: 0 0 18%
}

.fx-f-box-20 {
	flex: 0 0 20%
}

.fx-f-box-23 {
	flex: 0 0 23%
}

.fx-f-box-25 {
	flex: 0 0 25%
}

.fx-f-box-30 {
	flex: 0 0 30%
}

.fx-f-box-33 {
	flex: 0 0 33.33%
}

.fx-f-box-35 {
	flex: 0 0 35%
}

.fx-f-box-40 {
	flex: 0 0 40%
}

.fx-f-box-45 {
	flex: 0 0 45%
}

.fx-f-box-47 {
	flex: 0 0 47%
}

.fx-f-box-48 {
	flex: 0 0 48%
}

.fx-f-box-50 {
	flex: 0 0 50%
}

.fx-f-box-55 {
	flex: 0 0 55%
}

.fx-f-box-60 {
	flex: 0 0 60%
}

.fx-f-box-65 {
	flex: 0 0 65%
}

.fx-f-box-70 {
	flex: 0 0 70%
}

.fx-f-box-75 {
	flex: 0 0 75%
}

.fx-f-box-80 {
	flex: 0 0 80%
}

.fx-f-box-85 {
	flex: 0 0 85%
}

.fx-f-box-90 {
	flex: 0 0 90%
}



/* 基础样式 */
/* Spacing */
.m-0 {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.m {
	margin-left: 5upx;
	margin-right: 5upx;
	margin-top: 5upx;
	margin-bottom: 5upx;
}

.m-1 {
	margin-left: 10upx;
	margin-right: 10upx;
	margin-top: 10upx;
	margin-bottom: 10upx;
}

.m-2 {
	margin-left: 20upx;
	margin-right: 20upx;
	margin-top: 20upx;
	margin-bottom: 20upx;
}

.m-3 {
	margin-left: 30upx;
	margin-right: 30upx;
	margin-top: 30upx;
	margin-bottom: 30upx;
}

.m-4 {
	margin-left: 40upx;
	margin-right: 40upx;
	margin-top: 40upx;
	margin-bottom: 40upx;
}

.m-5 {
	margin-left: 50upx;
	margin-right: 50upx;
	margin-top: 50upx;
	margin-bottom: 50upx;
}

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}

.mx {
	margin-left: 5upx;
	margin-right: 5upx;
}

.mx-1 {
	margin-left: 10upx;
	margin-right: 10upx;
}

.mx-2 {
	margin-left: 20upx;
	margin-right: 20upx;
}

.mx-2-5 {
	margin-left: 25upx;
	margin-right: 25upx;
}

.mx-3 {
	margin-left: 30upx;
	margin-right: 30upx;
}

.mx-4 {
	margin-left: 40upx;
	margin-right: 40upx;
}

.mx-5 {
	margin-left: 50upx;
	margin-right: 50upx;
}

.my-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.my {
	margin-top: 5upx;
	margin-bottom: 5upx;
}

.my-1 {
	margin-top: 10upx;
	margin-bottom: 10upx;
}

.my-2 {
	margin-top: 20upx;
	margin-bottom: 20upx;
}

.my-3 {
	margin-top: 30upx;
	margin-bottom: 30upx;
}

.my-4 {
	margin-top: 40upx;
	margin-bottom: 40upx;
}

.my-5 {
	margin-top: 50upx;
	margin-bottom: 50upx;
}

.mt-0 {
	margin-top: 0;
}

.mt {
	margin-top: 5upx;
}

.mt-auto {
	margin-top: auto;
}

.mt-1 {
	margin-top: 10upx;
}

.mt-2 {
	margin-top: 20upx;
}

.mt-2-5 {
	margin-top: 25upx;
}

.mt-3 {
	margin-top: 30upx;
}

.mt-4 {
	margin-top: 40upx;
}

.mt-5 {
	margin-top: 50upx;
}

.mb-0 {
	margin-bottom: 0;
}

.mb {
	margin-bottom: 5upx;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-1 {
	margin-bottom: 10upx;
}

.mb-2 {
	margin-bottom: 20upx;
}

.mb-3 {
	margin-bottom: 30upx;
}

.mb-4 {
	margin-bottom: 40upx;
}

.mb-5 {
	margin-bottom: 50upx;
}

.ml-0 {
	margin-left: 0;
}

.ml {
	margin-left: 5upx;
}

.ml-auto {
	margin-left: auto;
}

.ml-1 {
	margin-left: 10upx;
}

.ml-2 {
	margin-left: 20upx;
}

.ml-2-5 {
	margin-left: 25upx;
}

.ml-3 {
	margin-left: 30upx;
}

.ml-4 {
	margin-left: 40upx;
}

.ml-5 {
	margin-left: 50upx;
}

.mr-0 {
	margin-right: 0;
}

.mr {
	margin-right: 5upx;
}

.mr-1 {
	margin-right: 10upx;
}

.mr-2 {
	margin-right: 20upx;
}

.mr-3 {
	margin-right: 30upx;
}

.mr-4 {
	margin-right: 40upx;
}

.mr-5 {
	margin-right: 50upx;
}

.p-0 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.p {
	padding-left: 5upx;
	padding-right: 5upx;
	padding-top: 5upx;
	padding-bottom: 5upx;
}

.p-1 {
	padding-left: 10upx;
	padding-right: 10upx;
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.p-2 {
	padding-left: 20upx;
	padding-right: 20upx;
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.p-3 {
	padding-left: 30upx;
	padding-right: 30upx;
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.p-4 {
	padding-left: 40upx;
	padding-right: 40upx;
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.p-5 {
	padding-left: 50upx;
	padding-right: 50upx;
	padding-top: 50upx;
	padding-bottom: 50upx;
}

.px-0 {
	padding-left: 0;
	padding-right: 0;
}

.px {
	padding-left: 5upx;
	padding-right: 5upx;
}

.px-1 {
	padding-left: 10upx;
	padding-right: 10upx;
}

.px-1-5 {
	padding-left: 15upx;
	padding-right: 15upx;
}

.px-2 {
	padding-left: 20upx;
	padding-right: 20upx;
}

.px-2-5 {
	padding-left: 25upx;
	padding-right: 25upx;
}

.px-3 {
	padding-left: 30upx;
	padding-right: 30upx;
}

.px-4 {
	padding-left: 40upx;
	padding-right: 40upx;
}

.px-5 {
	padding-left: 50upx;
	padding-right: 50upx;
}


.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}

.py {
	padding-top: 5upx;
	padding-bottom: 5upx;
}

.py-1 {
	padding-top: 10upx;
	padding-bottom: 10upx;
}

.py-1-5 {
	padding-top: 15upx;
	padding-bottom: 15upx;
}

.py-2 {
	padding-top: 20upx;
	padding-bottom: 20upx;
}

.py-2-5 {
	padding-top: 25upx;
	padding-bottom: 25upx;
}

.py-3 {
	padding-top: 30upx;
	padding-bottom: 30upx;
}

.py-4 {
	padding-top: 40upx;
	padding-bottom: 40upx;
}

.py-5 {
	padding-top: 50upx;
	padding-bottom: 50upx;
}

.pt-0 {
	padding-top: 0;
}

.pt {
	padding-top: 5upx;
}

.pt-1 {
	padding-top: 10upx;
}

.pt-1-5 {
	padding-top: 15upx;
}

.pt-2 {
	padding-top: 20upx;
}

.pt-3 {
	padding-top: 30upx;
}

.pt-4 {
	padding-top: 40upx;
}

.pt-5 {
	padding-top: 50upx;
}

.pb-0 {
	padding-bottom: 0;
}

.pb {
	padding-bottom: 5upx;
}

.pb-1 {
	padding-bottom: 10upx;
}

.pb-2 {
	padding-bottom: 20upx;
}

.pb-3 {
	padding-bottom: 30upx;
}

.pb-4 {
	padding-bottom: 40upx;
}

.pb-5 {
	padding-bottom: 50upx;
}

.pb-7 {
	padding-bottom: 70upx;
}

.pb-8 {
	padding-bottom: 80upx;
}

.pl-0 {
	padding-left: 0;
}

.pl {
	padding-left: 5upx;
}

.pl-1 {
	padding-left: 10upx;
}

.pl-2 {
	padding-left: 20upx;
}

.pl-3 {
	padding-left: 30upx;
}

.pl-4 {
	padding-left: 40upx;
}

.pl-5 {
	padding-left: 50upx;
}

.pr-0 {
	padding-right: 0;
}

.pr {
	padding-right: 5upx;
}

.pr-1 {
	padding-right: 10upx;
}

.pr-2 {
	padding-right: 20upx;
}

.pr-3 {
	padding-right: 30upx;
}

.pr-4 {
	padding-right: 40upx;
}

.pr-5 {
	padding-right: 50upx;
}

.font-size-58 {
	font-size: 58rpx;
}
.font-size-54 {
	font-size: 54rpx;
}
.font-size-52 {
	font-size: 52rpx;
}
.font-size-50 {
	font-size: 50rpx;
}
.font-size-48 {
	font-size: 48rpx;
}
.font-size-46 {
	font-size: 46rpx;
}
.font-size-44 {
	font-size: 44rpx;
}
.font-size-42 {
	font-size: 42rpx;
}
.font-size-40 {
	font-size: 40rpx;
}
.font-size-38 {
	font-size: 38rpx;
}

.font-size-36 {
	font-size: 36rpx;
}

.font-size-34 {
	font-size: 34rpx;
}

.font-size-30 {
	font-size: 30rpx;
}

.font-size-28 {
	font-size: 28rpx;
}

.font-size-24 {
	font-size: 24rpx;
}

.font-size-22 {
	font-size: 22rpx;
}

.font-size-20 {
	font-size: 20rpx;
}



.height-20 {
	height: 20upx;
	line-height: 20upx;
}

.height-25 {
	height: 25upx;
	line-height: 25upx;
}

.height-30 {
	height: 30upx;
	line-height: 30upx;
}

.height-35 {
	height: 35upx;
	line-height: 35upx;
}

.height-40 {
	height: 40upx;
	line-height: 40upx;
}

.height-45 {
	height: 45upx;
	line-height: 45upx;
}

.height-50 {
	height: 50upx;
	line-height: 50upx;
}

.height-55 {
	height: 55upx;
	line-height: 55upx;
}

.height-80 {
	height: 80upx;
}

.height-100 {
	height: 100upx;
}

.height-120 {
	height: 120upx;
}

.height-140 {
	height: 140upx;
}

.height-160 {
	height: 160upx;
}

.height-180 {
	height: 180upx;
}

.height-200 {
	height: 200upx;
}

.height-240 {
	height: 240upx;
}

.height-280 {
	height: 280upx;
}

.height-320 {
	height: 320upx;
}

.height-350 {
	height: 350upx;
}

.height-400 {
	height: 400upx;
}

.height-450 {
	height: 450upx;
}

.height-500 {
	height: 500upx;
}

.height-full {
	height: 100%;
}

.width-40 {
	width: 40upx;
}

.width-60 {
	width: 60upx;
}

.width-80 {
	width: 80upx;
}

.width-90 {
	width: 90upx;
}

.width-120 {
	width: 120upx;
}

.width-130 {
	width: 130upx;
}

.width-140 {
	width: 140upx;
}

.width-150 {
	width: 150upx;
}

.width-160 {
	width: 160upx;
}

.width-170 {
	width: 170upx;
}

.width-180 {
	width: 180upx;
}

.width-200 {
	width: 200upx;
}

.width-220 {
	width: 220upx;
}

.width-240 {
	width: 240upx;
}

.width-280 {
	width: 280upx;
}

.width-300 {
	width: 300upx;
}

.width-340 {
	width: 340upx;
}

.width-380 {
	width: 380upx;
}

.width-400 {
	width: 400upx;
}

.width-440 {
	width: 440upx;
}

.width-480 {
	width: 480upx;
}

.width-500 {
	width: 500upx;
}

.width-full {
	width: 100%;
}



/*  特殊样式 */
.white-space {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.border-radius-15 {
	border-radius: 15upx;
}

.box-shadow {
	box-shadow: 0px 17px 27px #eae8e8;
}

.box-shadow-footer {
	    background-image: linear-gradient(rgba(235, 234, 234, 0), rgba(235, 234, 234, 0.7),rgba(235, 234, 234, 0.1));
}


